<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<ui:composition template="/app/pprincipalCv.xhtml"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
          
    <ui:define name="despliegue">
        
        <h:form id="fanelgc">                
            <p:panelGrid>                    
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Nombres:*"/></p:column>
                    <p:column>
                        <p:inputText id="rnombre" value="#{cvCrudBean.persona.nombres}" required="true" requiredMessage="Nombres Obligatorios">
                            <p:ajax event="blur" update="mrnombre"/>
                        </p:inputText>                                                    
                    </p:column>
                    <p:column styleClass="tdlavel"><h:outputText value="Apellidos:*" /> </p:column>
                    <p:column>
                        <p:inputText id="rapellidos" value="#{cvCrudBean.persona.apellidos}" required="true" requiredMessage="Apellidos Obligatorios">
                            <p:ajax event="blur" update="mrapellidos"/>
                        </p:inputText>                         
                    </p:column>                    
                </p:row>
                <p:row>
                    <p:column></p:column>
                    <p:column><h:message id="mrnombre" for="rnombre"/></p:column>
                    <p:column></p:column>
                    <p:column><h:message id="mrapellidos" for="rapellidos"/></p:column>                    
                </p:row>  
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="fecha de nacimiento:*"/></p:column>
                    <p:column>
                        <p:calendar id="rfechan" value="#{cvCrudBean.persona.natalicio}" navigator="true" required="true" requiredMessage="Natalicio Obligatorio" pattern="dd/MM/yyyy" timeZone="America/El_Salvador" locale="es">                            
                            <p:ajax event="blur" update="mrfechan"/>
                        </p:calendar>                        
                    </p:column>
                    <p:column styleClass="tdlavel"><h:outputText value="Genero:*"/></p:column>
                    <p:column>
                        <p:selectOneMenu value="#{cvCrudBean.persona.genero}">
                                <f:selectItem itemValue="null" itemLabel="Seleccione Genero"/>
                                <f:selectItem itemValue="M" itemLabel="Masculino"/>
                                <f:selectItem itemValue="F" itemLabel="Femenino"/>
                        </p:selectOneMenu>                        
                    </p:column>                    
                </p:row>  
                <p:row>
                    <p:column></p:column>
                    <p:column><h:message id="mrfechan" for="rfechan"/>  </p:column>
                    <p:column></p:column>
                    <p:column></p:column>                    
                </p:row> 
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Estado Civil*"/></p:column>
                    <p:column>
                        <p:selectOneMenu id="nrestc" value="#{cvCrudBean.estadoc}">
                            <f:selectItem itemLabel="Elija un Estado Civil" itemValue="#{null}"/>
                            <f:selectItems value="#{cvCrudBean.estadosCiviles}"/>
                        </p:selectOneMenu>                                                 
                    </p:column>
                    <p:column styleClass="tdlavel"><h:outputText value="Es Extrangero:*"/></p:column>
                    <p:column>
                        <p:selectOneMenu value="#{cvCrudBean.persona.esExtranjero}">
                                <f:selectItem itemValue="#{null}" itemLabel="Seleccione Prosedencia"/>
                                <f:selectItem itemValue="No" itemLabel="No soy extrangero"/>
                                <f:selectItem itemValue="Si" itemLabel="Soy extrangero"/>
                        </p:selectOneMenu>                        
                    </p:column>                     
                </p:row> 
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Dirección:*"/></p:column>
                    <p:column colspan="3">
                        <p:inputTextarea id="nrdirec" rows="3" cols="50" value="#{cvCrudBean.direc}" required="true" requiredMessage="Dirección Obligatoria">
                            <p:ajax event="blur" update="mnrdirec"/>
                        </p:inputTextarea>                                               
                    </p:column>
                </p:row>
                <p:row>
                    <p:column></p:column>
                    <p:column colspan="3"><h:message id="mnrdirec" for="nrdirec"/></p:column>
                </p:row>
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Email:*"/></p:column>
                    <p:column colspan="3">
                        <p:inputTextarea id="nremail" rows="1" cols="50" value="#{cvCrudBean.contacto.correo}" required="true" requiredMessage="Email Obligatorio">
                            <p:ajax event="blur" update="mnremail"/>
                        </p:inputTextarea>                                               
                    </p:column>
                </p:row>
                <p:row>
                    <p:column></p:column>
                    <p:column colspan="3"><h:message id="mnremail" for="nremail" /></p:column>                    
                </p:row>
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Facebook:"/></p:column>
                    <p:column colspan="3">
                        <p:inputTextarea id="nrface" rows="1" cols="50" value="#{cvCrudBean.contacto.facebook}"/>
                    </p:column>
                </p:row> 
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Twitter:"/></p:column>
                    <p:column colspan="3">
                        <p:inputTextarea id="nrtwit" rows="1" cols="50" value="#{cvCrudBean.contacto.twitter}"/>
                    </p:column>
                </p:row>                                                                
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Departamento:*"/></p:column>
                    <p:column>
                        <p:selectOneMenu id="nrdepto" value="#{cvCrudBean.depto}">
                            <f:selectItem itemLabel="Elija un Departamento" itemValue="#{null}"/>
                            <f:selectItems value="#{cvCrudBean.departamentos}"/>
                            <p:ajax update="nrmuni"/>
                        </p:selectOneMenu>                        
                    </p:column>
                    <p:column styleClass="tdlavel"><h:outputText value="Municipio*" /></p:column>
                    <p:column>
                        <p:selectOneMenu id="nrmuni" value="#{cvCrudBean.munic}">
                            <f:selectItem itemLabel="Elija un Departamento" itemValue="#{null}"/>
                            <f:selectItems value="#{cvCrudBean.municipios}"/>
                        </p:selectOneMenu>                        
                    </p:column>                    
                </p:row> 
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Especialidad:*"/></p:column>
                    <p:column colspan="3">
                        <p:selectOneMenu value="#{cvCrudBean.rubr}">
                            <f:selectItem itemLabel="Elija una Especialidad" itemValue="#{null}"/>
                            <f:selectItems value="#{cvCrudBean.rubros}"/>
                        </p:selectOneMenu>                                                         
                    </p:column>
                </p:row>  
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Busca Empleo Modalidad:*"/></p:column>
                    <p:column colspan="3">
                        <p:selectOneMenu value="#{cvCrudBean.jorn}">
                            <f:selectItem itemLabel="Elija un tipo de Empleo" itemValue="#{null}"/>
                            <f:selectItems value="#{cvCrudBean.tipoJornadas}"/>
                        </p:selectOneMenu>                                                         
                    </p:column>
                </p:row>
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Area de Busqueda:*"/></p:column>
                    <p:column colspan="3">
                        <p:selectOneMenu value="#{cvCrudBean.zona}">
                            <f:selectItem itemLabel="Elija un Area de Trabajo" itemValue="#{null}"/>
                            <f:selectItems value="#{cvCrudBean.zonaTrabajos}"/>
                        </p:selectOneMenu>                                                         
                    </p:column>
                </p:row>
                <p:row>
                    <p:column styleClass="tdlavel"><h:outputText value="Privacidad de Datos:*"/></p:column>
                    <p:column colspan="3">
                        <p:selectOneMenu value="#{cvCrudBean.persona.privacidad}">
                                <f:selectItem itemValue="#{null}" itemLabel="Seleccione el nivel de Privacidad"/>
                                <f:selectItem itemValue="P" itemLabel="Publico en General"/>
                                <f:selectItem itemValue="R" itemLabel="Solo en solicitudes que aplique"/>
                        </p:selectOneMenu>                                                         
                    </p:column>
                </p:row>                
                <p:row>
                    <p:column colspan="4" style="text-align: center">
                            <p:commandButton value="Editar Información" 
                                             icon="ui-icon-disk"
                                             update="fanelgc"
                                             ajax="false"                                             
                                             actionListener="#{cvCrudBean.actualizarCandidato()}" 
                                             title="Editar Información"/>                                                                                               
                    </p:column>
                </p:row>                                           
            </p:panelGrid>
        </h:form><br/><br/> 
        
        
        
        
        <h:form>
            <p:commandButton value="Nueva Habilidad" 
                             icon="ui-icon-plus"
                             update=":frmnuevoHabilidad:dlgnuevoHabilidad"
                             oncomplete="dlgnuevoHabilidad.show();"                                 
                             actionListener="#{cvCrudBean.prepRegistrarHabilidad()}"
                             title="Click Aqui para Registrar Habilidad"/>
        </h:form><br/>         
        <h:form id="frmdethabilms">  
            <p:dataTable id="datatablehb" style="font-size: 14px;"
                         var="dhabil" 
                         emptyMessage="No hay Habilidades Registradas" 
                         value="#{cvCrudBean.persona.detalleHabilidadesList}" 
                         paginator="true" 
                         paginatorPosition="bottom"
                         rows="10"  
                         paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                         rowsPerPageTemplate="5,10,15">  

                <p:column headerText="Lista de Habilidades" filterBy="#{dhabil.idHabilidad.nombre}" filterMatchMode="contains" style="width: 40px;">  
                    <h:outputText value="#{dhabil.idHabilidad.nombre}"/>  
                </p:column>  
                <p:column headerText="Categoría" filterBy="#{dhabil.idHabilidad.idCategoria.nombre}" filterMatchMode="contains" style="width: 50px;">  
                    <h:outputText value="#{dhabil.idHabilidad.idCategoria.nombre}"/>  
                </p:column>
                <p:column style="width:10%; text-align: center" headerText="Opciones">  
                    <p:commandButton update=":frmdethabilms:datatablehb"
                                     actionListener="#{cvCrudBean.prepararEliminarHabilidad(dhabil.idDetalleHabil)}"
                                     icon="ui-icon-circle-minus"
                                     oncomplete="dlgeliminar.show();"
                                     title="Eliminar Habilidad"/>                                                                
                </p:column>                
            </p:dataTable>
        </h:form>         
        <h:form id="frmnuevoHabilidad">
            <p:dialog header="Registro de Habilidades" widgetVar="dlgnuevoHabilidad" resizable="false" id="dlgnuevoHabilidad">    
                <p:panelGrid>
                    <p:row>
                        <p:column styleClass="tdlavel"><h:outputText style="text-aling: left;" value="Categoría de habilidad:*" /></p:column>
                        <p:column>
                            <p:selectOneMenu value="#{cvCrudBean.cat}">
                                <f:selectItem itemValue="null" itemLabel="Seleccione una Categoría" />
                                <f:selectItems value="#{cvCrudBean.categorias}"/>                            
                                <p:ajax update="habpc"/>
                            </p:selectOneMenu>                                                            
                        </p:column>
                    </p:row>  
                    <p:row>
                        <p:column styleClass="tdlavel"><h:outputText style="text-aling: left;" value="Habilidad:*"/>  </p:column>
                        <p:column>
                            <p:selectOneMenu id="habpc" value="#{cvCrudBean.hab}">
                                <f:selectItem itemValue="null" itemLabel="Seleccione una Habilidad" />
                                <f:selectItems value="#{cvCrudBean.getLhabilidades()}"/>                            
                            </p:selectOneMenu>                                                            
                        </p:column>
                    </p:row>                    
                </p:panelGrid>                                       
                <p:separator/>
                <p:commandButton value="Registrar" 
                                 icon="ui-icon-disk"
                                 update=":frmdethabilms:datatablehb" 
                                 actionListener="#{cvCrudBean.registrarHabilidad()}" 
                                 oncomplete="if(!args.validationFailed) dlgnuevoHabilidad.hide()"
                                 title="Registrar"/>
                <p:commandButton value="Cancelar" 
                                 icon="ui-icon-circle-close"
                                 oncomplete="dlgnuevoHabilidad.hide()" 
                                 title="Cancelar"/>        
            </p:dialog>            
        </h:form>
        <h:form id="frmeliminar">                                   
            <p:dialog id="dlgeliminar" header="Confirmación de Operación" widgetVar="dlgeliminar">     
                <h:outputText value="En realidad desea Eliminar este Registro?  "/> 
                <p:commandButton value="Si" 
                                 update=":frmdethabilms:datatablehb" 
                                 actionListener="#{cvCrudBean.eliminarHabilidad()}" 
                                 oncomplete="dlgeliminar.hide()" 
                                 title="Si"/>  
                <p:commandButton value="No" 
                                 oncomplete="dlgeliminar.hide()" 
                                 title="No"/>       
            </p:dialog>  
        </h:form>             
        <br/>                                   
        
        
        
        
    </ui:define>
</ui:composition>